@charset "utf-8";

.main{ width:100%;max-width: 1720px; margin:0 auto; overflow:hidden;}
.home_box .am-direction-nav{display: block;}
.home_box .am-direction-nav a{position: absolute;width: 56px;height: 95px;top: 50%;margin-top: -48px;left: 1%;}
.home_box .am-direction-nav .am-nav-prev a {background: url(left.png) no-repeat;}
.home_box .am-direction-nav .am-nav-next a {background: url(right.png) no-repeat;left: auto;right: 1%;}
.am-slider-a1 .am-control-nav li a{background-color: #d3d3d3;}
.am-slider-a1 .am-control-nav li a.am-active{background-color: #eb6100;}
/* 本例子css */
.slideBox {
    width: 100%;
    max-height: 318px;
    overflow: hidden;
    position: relative;
}
.slideBox .hd {
    height: 11px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    z-index: 1;
}
.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 80px;
    margin: auto;
}
.slideBox .hd ul li {
    float: left;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    line-height: 14px;
    text-align: center;
    background: url(icoCircle.png) top center no-repeat;
    cursor: pointer;
}
.slideBox .hd ul li.on{
    background: url(icoCircle.png) bottom center no-repeat;
    color: #fff;
}
.slideBox .bd {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li {
    height: 618px;
    zoom: 1;
    vertical-align: middle;
    position: relative;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next, .am-slider-default .am-direction-nav a  {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -39px;
    display: block;
    width: 38px;
    height: 78px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 9999;
}
.slideBox .prev, .slideBox .am-direction-nav .am-nav-prev a {
    background: url(left.png) no-repeat;
}
.slideBox .next, .slideBox .am-direction-nav .am-nav-next a {
    background: url(right.png) no-repeat;
    left: auto;
    right: 3%;
    background-position: 0px 0px;
}
.slideBox .prev:hover, .slideBox .next:hover, .slideBox .am-direction-nav .am-nav-prev a:hover, .slideBox .am-direction-nav .am-nav-next a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.slideBox .prevStop {
    display: none;
}
.slideBox .nextStop {
    display: none;
}
.slideBox .am-slider-default .am-direction-nav a:before{display: none;}
.slideBox .swiper-pagination{bottom: 6%;right: 5%;}
.slideBox .swiper-pagination .swiper-pagination-bullet{background: #d3d3d3;opacity: 1;margin-left: 2px;}
.slideBox .swiper-pagination .swiper-pagination-bullet-active{background: #eb6100;opacity: 1;}

.slideBoxMu{position: relative;width: 100%;}
.slideBoxMu .bd{position: relative;width: 100%;}
.slideBoxMu .Prev{width:26px;height:47px;background: url("h_pPrev.png") no-repeat;margin-top: -23px;left: 5px;}
.slideBoxMu .Next{width:26px;height:47px;background: url("h_pNext.png") no-repeat;margin-top: -23px;right: 5px;}

.pro_mu{width: 100%;border-bottom: 1px #e1e5e9 solid;height: 165px;}
.pro_mu ul{width: 90%;margin: 0 auto;max-width: 1460px;position: relative;}
.pro_mu ul li{float: left;width: 20%;height: 165px;cursor: pointer;}
/*.pro_mu ul li .bt_p_ov{background: url("bt_p_ov.png") center top no-repeat;height: 12px;position: absolute;width: 20%;top: 145px;display: none;}*/
.pro_mu ul li .r_xx{border-right:1px #d9d9d9 dashed;width:20%;height: 105px;position: absolute;top: 32px;}
.pro_mu ul li:nth-child(1) .r_xx{border-left:1px #d9d9d9 dashed;}
.pro_mu ul li .pim{width:100%;height: 75px;margin-top: 32px;text-align: center;
    -webkit-transition: background .5s ease .1s;
    transition: background .5s ease-out .1s;}
.pro_mu ul li .ptit{margin-top: 5px;text-align: center;font-size: 18px;color: #000000;}
.pro_mu ul #pMu1 .pim{background: url("bt_p1.png") center center no-repeat;}
.pro_mu ul #pMu2 .pim{background: url("bt_p2.png") center center no-repeat;}
.pro_mu ul #pMu3 .pim{background: url("bt_p3.png") center center no-repeat;}
.pro_mu ul #pMu4 .pim{background: url("bt_p4.png") center center no-repeat;}
.pro_mu ul #pMu5 .pim{background: url("bt_p5.png") center center no-repeat;}
.pro_mu ul #pMu6 .pim{background: url("bt_p6.png") center center no-repeat;}
.pro_mu ul #pMu7 .pim{background: url("bt_p7.png") center center no-repeat;}
.pro_mu ul #pMu1:hover .pim, .pro_mu ul #pMu1.current .pim{background: url("bt_p1_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu2:hover .pim, .pro_mu ul #pMu2.current .pim{background: url("bt_p2_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu3:hover .pim, .pro_mu ul #pMu3.current .pim{background: url("bt_p3_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu4:hover .pim, .pro_mu ul #pMu4.current .pim{background: url("bt_p4_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu5:hover .pim, .pro_mu ul #pMu5.current .pim{background: url("bt_p5_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu6:hover .pim, .pro_mu ul #pMu6.current .pim{background: url("bt_p6_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu7:hover .pim, .pro_mu ul #pMu7.current .pim{background: url("bt_p7_ov.png") center center no-repeat!important;}
.pro_mu ul li:hover, .pro_mu ul li.current{background: #ff6600;}
.pro_mu ul li:hover .ptit, .pro_mu ul li.current .ptit{color: #ffffff;}
/*.pro_mu ul li:hover .bt_p_ov, .pro_mu ul li.current .bt_p_ov{display: block;}*/
.pro_mu ul li:hover .r_xx, .pro_mu ul li.current .r_xx{display: none;}
.pro_mu a:hover div, .pro_mu a .current{text-decoration: underline;}

.am-slides li .pcimg{width: 100%;max-height:620px; }
.am-slides li .phoneimg{width: 100%;max-height:630px; }
.am-slides li img{width: 100%;max-height:630px;}
.home_box{margin-top: 116px;min-height:340px;/*background: url("h_banner.jpg") center center no-repeat;background-size: 100%;*/}
.hbanner_tit{position: absolute;left: 11%;top: 50%;margin-top: -60px;}
.h_news{width: 500px;background: #f3f3f3;height: 572px;}
.h_news .h_tit{margin-left: 26px;margin-top: 35px;line-height: 34px;height: 34px;font-size: 25px;color: #000000;}
.h_news .h_tit a{line-height: 34px;height: 34px;font-size: 16px;color: #000000;text-transform: uppercase;margin-right: 22px;}
.h_news .h_li {margin-left: 26px;}
.h_news .h_li li{line-height: 40px;height: 40px;font-size: 14px;color: #8d8d8d;}
.h_news .h_li li a{font-size: 16px;color: #000000;float: left;}
.h_news .h_li li span{font-size: 16px;color: #666;float: right;margin-right: 22px;}
/*#slideNew{width: 500px;height: 286px;}
#slideNew li{width: 100%;height: 100%;position: relative; background-size: 100% 100%;}*/
#slideNew .swiper-container{width: 100%;height: 100%;}
.h_news .n-pic img{width: 100%;}
.h_news .p-tit{width: 100%;height: 44px;line-height: 44px;text-align: left;position: absolute;bottom: 0px;background: url("bg_new_tit.png") repeat;z-index: 999;padding-left: 5%;}
.h_news .p-tit a, .h_news .p-tit a:hover{font-size: 16px;color: #ffffff!important;}
.h_news .am-slider-a1 .am-control-nav{right: 4%;width: auto;bottom: 16px;}
.h_news .am-slider-a1 .am-control-nav li{margin: 0 2px;}
.home_2 .zz_l{padding-bottom: 22px;}
.ksdh li{
    width: 20%;
    text-align: center;
}

.ksdh li .dtcn{font-size: 18px;color: #000;text-transform: uppercase;}
.ksdh li .dten{font-size: 14px;color: #707070;text-transform: uppercase;}


.home_1{width: 100%;background: #FFFFFF;padding-top: 65px;}
.home_1 .main{ max-width: 1720px;position: relative;}
.demo-bar img{margin-top:2%;}
.am-gotop-fixed .am-gotop-icon{padding-top: 10px;}
.am-slider-a1 .am-control-nav{bottom: 10px;}

.h_pic_c {position: relative;overflow: hidden;zoom: 1;vertical-align: middle;}
.h_pic_c a {position: relative;}
.h_pic_r {position: relative;overflow: hidden;zoom: 1;vertical-align: middle;}
.home_1 .h_rt_inf{position: absolute;bottom: 6%;z-index: 99;left: 3%;}
.home_1 .h_pic_c .h_rt_inf .p{width: 100%;height: 40px;background: url("ico_h_zzjjfa.png") top left no-repeat;margin-bottom: 15px;}
.home_1 .h_pic_r .h_rt_inf .p{width: 100%;height: 48px;background: url("ico_h_yxke.png") top left no-repeat;margin-bottom: 12px;}
.home_1 .h_rt_inf .t{font-size: 32px;color: #FFFFFF;line-height: 30px;position: relative;padding-bottom: 15px;margin-bottom: 22px;}
.home_1 .h_rt_inf .t span{font-size: 31px;color: #FFFFFF;font-style: oblique;}
.home_1 .h_rt_inf .t i{position: absolute;width: 44px;height: 3px;background: #FFFFFF;bottom: 0;left: 0;}
.home_1 .h_rt_inf .w{font-size: 20px;color: #FFFFFF;}
.home_3{margin-top: 55px;margin-bottom: 15px;}
.ksdh li:hover .dtcn{color: #155496;}
.ksdh li:hover .dten{color: #155496;}
.h_pic_r .r_pic{overflow: hidden;}
.h_pic_c img, .ksdh li img, .h_pic_r img{transition: all 0.5s;-webkit-transition: all 0.5s}
.h_pic_c img:hover, .ksdh li:hover img, .h_pic_r:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.slick-prev{left:2px;background: url("h_dot_link1.jpg") left center no-repeat;z-index: 99;}
.slick-next{right: 2px;background: url("h_dot_link5.jpg") right center no-repeat;z-index: 99;}
.slick-next:before, .slick-prev:before{color: #155496;display: none;}
.slick-disabled{display:none;}
@media only screen and (min-width: 1000px) {
    .main {
        max-width: 2140px;
        margin: 0 auto;
        width: 90%;
        overflow: hidden;
    }
    .h_pro_bt {width: 25%;}
    .h_pro_bt img, .h_news img, .h_pic_c img, .h_pic_r img{width: 100%;}
    .h_news{width: 36%;height: 100%;position: absolute;}
    .h_pic_c{width: 39%;left: 37%;}
    .h_pic_r{width: 23%;right: 0;}
    .h_news #slideNew{width: 100%;height: 350px;}
    .h_news .h_tit{margin-bottom: 32px;}
  
    /*.footer .main .ft1{width:12%;margin-right: 4%;}
    .footer .main .ft2{width:12%;margin-right: 7%;}
    .footer .main .ft3{width:27%;}*/
}

@media only screen and (max-width: 1440px) {
    .pro_mu ul{position: absolute;width: 80%;left: 10%;}
    .pro_mu ul li .ptit{font-size: 16px;}
    .h_pro_bt {width: 25%;}
    .h_pro_bt img, .h_news img, .h_pic_c img, .h_pic_r img{width: 100%;}
    .h_news #slideNew{width: 100%;height: auto;max-height: 265px;}
    .h_news #slideNew .am-slider-default{margin: 0;}
    .h_news .h_tit{margin-top: 15px;margin-bottom: 10px;line-height: 34px;height: 34px;font-size: 16px;}
    .h_news .h_tit a{font-size: 14px;}
    .h_news .h_li li{line-height: 28px;height: 28px;font-size: 12px;}
    .h_news .h_li li a{font-size: 14px;}
    .home_1 .h_pic_c .h_rt_inf .p{height: 30px;margin-bottom: 9px;background-size: auto 95%;}
    .home_1 .h_pic_r .h_rt_inf .p{height: 36px;margin-bottom: 6px;background-size: auto 95%;}
    .home_1 .h_rt_inf .t{font-size: 26px;line-height: 25px;margin-bottom: 12px;}
    .home_1 .h_rt_inf .t span{font-size: 21px;}
    .home_1 .h_rt_inf .w{font-size: 17px;}
    .home_3{padding-bottom: 0 !important;}
    .ksdh li .dtcn{font-size: 16px;}
    .ksdh li .dten{font-size: 12px;}
}
.home_2{display: none;}
#m_news, .phoneimg, #m_proBtn,#slider{display: none;}
@media only screen and (max-width: 960px) {
    .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    .swipe-wrap > figure {
        float: left;
        position: relative;
        top: 0;
        margin-top:0;
    }
    #slider {width:100%;background: #f3f3f3;display: block; }
    #slider a{margin: 0;padding: 0;}
    #slider img{height:auto;width:24%;margin: 0;padding: 0;}
	.home_box .am-direction-nav{display: none;}
    .m_hmu{position: relative;}
    .prev, .next{position:absolute;top:50%;width: 20px;height: 20px;margin-top: -20px;filter: alpha(opacity=50);opacity: 0.5;z-index: 99;}
    .prev{left:2px;background: url("h_p.png") center center no-repeat;}
    .next{right: 2px;background: url("h_n.png") center center no-repeat;}
  
    .h_news .h_tit a{margin-right: 5px;}
    .home_box{margin-top: 0px;min-height:100px;}
    #h_news, .h_pic_c, .h_pic_r, #h_proBtn{display: none;}
    #m_news,  .home_2, #m_proBtn{display:block;width:100%;}
    .home_1{background: #ffffff;padding: 0px !important;}
    .home_2{background: #EFEFEF;}
    .h_news{width: 100%!important; position: relative;height: auto;}
    .h_news .h_tit{position: absolute;top:0px;margin-left:3%;margin-top:15px;width: 95%;}
    .h_news #slideNew{height: 400px;margin-top:55px;max-height: none;}
    .h_news #slideNew .n-pic img{width: 100%;height: 100%;}
    .h_news .h_li{overflow: hidden;margin-left: 16px;margin-right: 16px;}
    .h_news .h_li li{line-height: 1.8rem;height: auto !important;}
    .h_news .h_li li .np_dt{background: url("dot_view_dt.gif") left center no-repeat;padding-left: 18px;}
    .home_2 .h_rt2{height: 3.4rem;background: url("m_ico_h_zzjjfa.png") left center no-repeat;padding-left: 43px;font-size: 2.2rem;}
    .home_2 .h_rt3{height: 3.4rem;background: url("m_ico_h_yxke.png") left center no-repeat;padding-left: 43px;font-size: 2.2rem;}
    .ksdh li:nth-child(1){border-left:none;}
    .ksdh li:nth-child(4){margin-left: 16.5%;}
    .ksdh li{width: 33.3%;border-right:none;margin-bottom: 25px;}
    .ksdh li img{width: 50%;}
    #mksdh {height:90px;}
    #mksdh .mk{text-align: center;float: left;}
    #mksdh .mk img{width: 50%;max-width: 66px;height:auto;margin: auto;}
	#mksdh .mk .dtcn{font-size: 1.6rem;color: #000;}
	#mksdh .mk .dten{font-size: 1.2rem;color: #707070;text-transform: uppercase;}
    #m_muBtn .swiper-slide{width: 20%;text-align: center;max-width: 200px;}
    #m_muBtn .swiper-slide img{width: 70%;max-width: 86px;}

    .m_pro_mu{width: 100%;position: relative;height: 150px;}
    .m_pro_mu .swiper-container{width: 100%;height: 100%;}
    .m_pro_mu ul li{float: left;width: 20%;height: 100%;cursor: pointer;position: relative;min-width: 80px;}
    .m_pro_mu ul li .pim{width:64px;height: 64px;margin: 0 auto;margin-top: 16px;text-align: center;border-radius:5px;}
    .m_pro_mu ul li .ptit{margin-top: 2px;text-align: center;font-size: 17px;color: #000000; line-height: 18px;}
    .m_pro_mu ul #pMu1 .pim{background: url("bt_p1.png") center center no-repeat;background-size: cover;}
    .m_pro_mu ul #pMu2 .pim{background: url("bt_p2.png") center center no-repeat;background-size: cover;}
    .m_pro_mu ul #pMu3 .pim{background: url("bt_p3.png") center center no-repeat;background-size: cover;}
    .m_pro_mu ul #pMu4 .pim{background: url("bt_p4.png") center center no-repeat;background-size: cover;}
    .m_pro_mu ul #pMu5 .pim{background: url("bt_p5.png") center center no-repeat;background-size: cover;}
}
@media only screen and (max-width: 400px) {
    .m_pro_mu{height: 120px;}
    .m_pro_mu ul li{min-width: 40px;}
    .m_pro_mu ul li .pim{width:56px;height: 56px;}
    .m_pro_mu ul li .ptit{font-size: 1.4rem;}
    .ksdh li img{width: 55%;}

}